﻿@using ZhongKeSite.Entity;
@{
    Company company = ViewBag.CompanyInfo;
}
<div class="page-products">
    <div class="vidBox" id="vidBox">
        <div class="videCont">
            <a class="btn-close" id="btn-close" href="javascript:void(0);"><i class="iconfont iconsearchclose"></i></a>
            <video src="/portal/img/about.mp4" loop controls></video>
        </div>
    </div>
    <section class="comment-s1">
        <video autoplay poster="/portal/img/ra_01.jpg" id="videobg" loop>
            <source src="/portal/img/about.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
        </video>
        <div class="container">
            <h1 class="text100 wow fadeInUp"> 光很强，晒不伤</h1><a class="btn-play wow fadeInUp" id="openVideo" data-wow-delay="0.5s" href="javascript:void(0);"> <img src="/portal/img/play.png" alt=""></a>
        </div>
    </section>
    <section class="s2" style="background-image:url(/portal/img/pro_01.png)">
        <div class="container">
            <div class="txt">
                <h2 class="text80 wow fadeInUp"> PHX</h2>
                <h3 class="text50 wow fadeInUp" data-wow-delay="0.5s"> 超薄可折叠植物生长灯                    </h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="1s">
                    <p>比太阳更懂高光需植物所需。既确保高效用光不灼伤植物叶片，又大幅缩减灯照空间距离，彻底打破传统高压钠灯单层种植的空间局限，为高光需植物及室内多层商业种植带来全新的 LED 解决方案。</p>
                </div>
            </div>
        </div>
    </section>
    <section class="s3">
        <div class="pic wow fadeInUp"><img src="/portal/img/pro_02.png" alt=""></div>
        <div class="container">
            <div class="txt">
                <h3 class="text50 wow fadeInUp">4CM 超薄灯体</h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
                    <p>灯体薄至4CM，整体圆角设计、可折叠，独立可外置电源，一切改变，都为提升多层种植时的垂直空间利用率。</p>
                </div>
            </div>
        </div>
        <div class="pic2"><img src="/portal/img/pro_03.png" alt=""></div>
    </section>
    <section class="s4">
        <div class="container">
            <div class="txt">
                <h3 class="text50 wow fadeInUp">超薄灯体</h3>
            </div>
            <ul class="tabs wow fadeInUp" data-wow-delay="0.5s">
                <li class="active">超薄灯体</li>
                <li>可折叠</li>
                <li>外置电源</li>
                <li>圆角设计</li>
            </ul>
            <div class="txt">
                <h3 class="text50 wow fadeInUp">15CM 超低悬挂</h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
                    <p>所有光芒，近距感受。经测试，在植物冠层之上，凤凰悬挂高度可低至15cm（6英寸），叶片温度不高于37℃，在兼顾光均匀性同时确保植物叶片不被灼伤，达到更好种植效果。</p>
                    <p>打破传统商业种植空间利用短板，多层种植不再是问题。</p>
                </div>
            </div>
        </div>
        <figure class="text-center wow fadeInUp"><img src="/portal/img/pro_14.png" alt=""></figure>
    </section>
    <section class="s5">
        <div class="container">
            <div class="txt">
                <h3 class="text50 wow fadeInUp">因需定制光谱</h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
                    <p>根据植物在营养生长、生殖生长等阶段的光照需求，可选用不同阶段的专用光谱，提升种植效果。（光谱定制详见参数表说明）</p>
                </div>
            </div>
            <div class="chart-container swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="/portal/img/pro_07.png" alt=""></div>
                    <div class="swiper-slide"><img src="/portal/img/pro_07.png" alt=""></div>
                    <div class="swiper-slide"><img src="/portal/img/pro_07.png" alt=""></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="note wow fadeInUp">*注释:经测试，使用定制光谱可有效提升麻类植物 CBD 和 THC 成分含量</div>
        </div>
    </section>
    <section class="s6">
        <div class="container">
            <div class="txt">
                <h3 class="text50 wow fadeInUp">光效高达 3.5</h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
                    <p>PHX 提供 2.3-3.5µMol/J 区间光效定制服务，相同功率更高 PPF 。</p>
                </div>
            </div>
            <figure class="text-center wow fadeInUp"><img src="/portal/img/pro_15.png" alt=""></figure>
            <div class="note">*注释:产品出厂前，根据客户实际需求完成光效定制服务</div>
        </div>
    </section>
    <section class="s5">
        <div class="container">
            <div class="txt">
                <h3 class="text50 wow fadeInUp">光利用率提升 10%</h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
                    <p>灯珠无遮罩，最大化光源输出；增加光学级反光面板，与同类型产品相比，相同 PPF 条件下光利用率提升超10%，减少光浪费，节约能耗。</p>
                </div>
            </div>
            <figure class="text-center wow fadeInUp"><img src="/portal/img/pro_16.png" alt=""></figure>
            <div class="note wow fadeInUp">*注释:麻类植物种植，同传统高压钠灯相比，每 5 年可节约能耗约 3000 美金/台</div>
        </div>
    </section>
    <section class="s5">
        <div class="container">
            <div class="txt">
                <h3 class="text50 wow fadeInUp">一体化散热</h3>
                <div class="des text20 wow fadeInUp" data-wow-delay="0.5s">
                    <p>灯体背面铝合金材质，兼顾轻便与导热性，无散热器设计有效降低悬挂承重。<br>经测试，环境温度在31.2℃时，灯体最高温度不高于 55℃，与生俱来的良好物理散热性能，使得<br>灯体靠近不灼伤植物叶片，还有效延长灯具使用寿命。</p>
                </div>
            </div>
            <figure class="text-center wow fadeInUp"><img src="/portal/img/pro_17.png" alt=""></figure>
        </div>
    </section>
    <section class="s5">
        <figure class="wow fadeInUp"><img src="/portal/img/pro_13.jpg" alt=""></figure>
    </section>
    <section class="comment-s10">
        <div class="container text-center">
            <h2 class="title text80 wow fadeInUp">PHX</h2>
            <h3 class="title1 text50 wow fadeInUp" data-wow-delay="0.5s">超薄可折叠植物生长灯</h3>
            <div class="des text20 wow fadeInUp" data-wow-delay="1s">
                <p><span>4CM 超薄灯体</span>|<span>15CM 超低悬挂</span>|<span>高光需植物</span></p>
            </div>
        </div>
        <div class="pic wow fadeInUp">              <img src="/portal/img/pro_12.png" alt=""></div><a class="download wow fadeInUp" href="#">参数下载</a>
    </section>
    <section class="comment-s12">
        <div class="container">
            <h3 class="text-center text50 wow fadeInUp">告诉我们您需要哪方面的支持</h3>
        </div>
        <div class="s3-formcontact">
            <div class="container">
                <div class="row">
                    <div class="col-md">
                        @{Html.RenderPartial("UcEmail");}
                    </div>
                    <div class="col-md-auto">
                        <div class="contact">
                            <h4 class="title wow fadeInUp"> 通过电话或邮箱寻求支持</h4>
                            <div class="row">
                                <div class="col col-md-12">
                                    <div class="item wow fadeInUp">
                                        <div class="pic"><i class="iconfont icondianhua"></i></div>
                                        <div class="title">服务热线</div>
                                        <div class="val">@company.ServicePhone</div>
                                    </div>
                                </div>
                                <div class="col col-md-12">
                                    <div class="item wow fadeInUp">
                                        <div class="pic"><i class="iconfont iconyouxiang"></i></div>
                                        <div class="title">联系邮箱                                    </div>
                                        <div class="val">@company.Email</div>
                                        <div class="val">@company.ServiceEmail</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@section scripts {
    <script src="~/portal/js/vendor/swiper/js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.chart-container', {
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },

        });
        $(function () {

            $("#openVideo").click(function (e) {
                $("#vidBox").fadeIn();
            })
            $("#btn-close").click(function (e) {
                $("#vidBox").fadeOut();
            })

        });
    </script>
}